<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
		body {
		  background-color: #ccc;
		}
		.zhuti{
			width: 333px;
			height: 350px;
			position: relative;
			margin: 200px auto;
		}
		.tobu {
			width: 325px;
			height: 325px;
			border-radius: 50%;
			background-color: #0dacd7;
			border: 2px solid #555555;
			transition: 3s;
		}
		.lian{
			width: 270px;
			height: 200px;
			background-color: white;
			border-radius: 130px;
			position: absolute;
			top: 115px;
			left: 31px;
			transition: 3s;
		}
		.yan1 {
			width: 158px;
			position: absolute;
			top: 82px;
			left: 90px;
			transition: 3s;
		}
		.yan1>div{
			width: 75px;
			height: 90px;
			background-color: white;
			border: 2px solid black;
			border-radius: 40px;
			float: left;
			transition: 3s;
		}
		.yan2 div{
			width: 17px;
			height: 30px;
			border-radius: 50%;
			background-color: black;
			position: relative;
		}
		.yan2 div:nth-child(1){
			position: absolute;
			top: 116px;
			left: 136px;
		}
		.yan2 div:nth-child(2){
			position: absolute;
			top: 116px;
			left: 184px;
		}
		.yan2 div>div {
			width: 9px;
			height: 9px;
			background-color: white;
			border-radius: 50%;
			position: absolute;
			top: 13px;
			left: 5px;
		}
		.bizi{
			width: 32px;
			height: 32px;
			background-color: #c93300;
			border-radius: 50%;
			position: absolute;
			top: 159px;
			left: 153px;
		}
		.nose-2 {
			width: 3px;
			height: 80px;
			background-color: black;
			position: absolute;
			top: 32px;
			left: 14px;
		}
		.nose-3 {
			width: 147px;
			height: 77px;
			border-bottom: 3px solid black;
			border-radius: 50%;
			position: absolute;
			top: 35px;
			left: -58px;
		}
		.weijin{
			width: 240px;
			height: 24px;
			background-color: #ab2800;
			border-radius: 9px;
			position: absolute;
			top: 305px;
			left: 45px;
		}
		.huzi {
			position: absolute;
			top: 186px;
			left: 54px;
		}
		.huzi div:nth-child(1){
			width: 60px;
			height: 2px;
			background-color: black;
			transform: rotate(15deg);
			transition: 3s;
		}
		.huzi div:nth-child(2){
			width: 60px;
			height: 2px;
			background-color: black;
			margin-top: 20px;
			margin-bottom: 20px;
			transition: 3s;
		}
		.huzi div:nth-child(3){
			width: 60px;
			height: 2px;
			background-color: black;
			transform: rotate(-15deg);
		}
		.huzi2 {
			position: absolute;
			top: 186px;
			left: 224px;
		}
		.huzi2 div:nth-child(1){
			width: 60px;
			height: 2px;
			background-color: black;
			transform: rotate(165deg);
		}
		.huzi2 div:nth-child(2){
			width: 60px;
			height: 2px;
			background-color: black;
			margin-top: 20px;
			margin-bottom: 20px;
		}
		.huzi2 div:nth-child(3){
			width: 60px;
			height: 2px;
			background-color: black;
			transform: rotate(-165deg);
		}
	</style>

    </style>
</head>
<body>
	<div class="zhuti">
		<div class="tobu"></div>
		<div class="lian">
		</div>
		<div class="yan1">
			<div></div>
			<div></div>
		</div>
		<div class="yan2">
			<div>
			</div>
			<div>
			</div> 	
		</div>
		<div class="bizi">
			<div class="nose-2"></div>
			<div class="nose-3"></div>
		</div>
		<div class="huzi">
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
		</div>
		<div class="huzi2">
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
		</div>
		<div class="weijin"></div>
	</div>
</body>
</html>